<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>View Logs Test Page</title>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1', {packages: ['corechart']});
    </script>
    <script type="text/javascript" src="storycreator.js"></script>
    <script type="text/javascript" src="chartcreator.js"></script>
    <script type="text/javascript" src="logviewer.js"></script>
    <script type="text/javascript" src="logger.js"></script>
    <script type="text/javascript" src="data.js"></script>

    <link href="styles.css" rel="stylesheet" type="text/css">
    <style type="text/css">
      #otherLogs table,
      #pageLogs table {
        background-color: #EEF;
        border: 1px solid #00F;
      }
      #logSummary, #pageLogs, #otherLogs {
       padding-top: 10px;
      }
    </style>

    <script type="text/javascript">
      // Global variables.
      var logs, stage, chart, pptSelect, storyIndex, conditionIndex;
    </script>
  </head>

  <body onload="viewLogs();">
    <select id="pptSelect"></select>
    <div id="annotation"></div>
    <div id="logSummary"></div>
    <div id="userAgent"></div>
    <div id="pageLogs"></div>
    <div id="otherLogs"></div>
    <div id="stage"></div>
  </body>

</html>
